;
!function() {
	var $ = layui.jquery,
		layer = layui.layer,
		form = layui.form,
		laypage = layui.laypage;

	to_page(1, 10);

	// 回车键搜索
	$("body").keydown(function() {
		if (event.keyCode == "13") {
			to_page(1, 10);
		}
	});

	// 搜索点击事件
	$(".search_btn").click(function() {
		to_page(1, 10);
	});

	// 新建任务
	$(".add_btn").on("click", function() {
		location = "newTask.html";
	});

	// 请求分页数据
	function to_page(pageNum, pageSize) {
		layer.load();
		$.ajax({
			url : "/bizjobs/",
			type : "post",
			data : {
				"taskState" : $("#taskState").val(),
				"searchKeyword" : $("#searchKeyword").val(),
				"pageNum" : pageNum,
				"pageSize" : pageSize
			},
			async : false,
			success : function(result) {
				layer.closeAll('loading');
				if (result.totalRow == 0) {
					// 提示没有数据
					$("#task_content").html("<tr><td colspan='4' style='text-align:center;font-size: 18px;color:#FF6700;'>没有查询到任何数据哦~</td></tr>");
					// 隐藏分页条
					$("#page_info").hide();
				} else {
					// 拼装tr并赋给页面
					build_table(result);
					// 拼装分页总览信息并赋给页面
					build_pageInfo(result);
					// 显示分页按钮
					laypage.render({
						elem : 'page_nav_div',
						count : result.totalRow,
						curr : result.pageNumber,
						limit : result.pageSize,
						layout : [ 'prev', 'page', 'next', 'limit', 'skip' ],
						prev : '<em>←</em>',
						next : '<em>→</em>',
						jump : function(obj, first) {
							if (!first) {
								to_page(obj.curr, obj.limit);
							}
						}
					});
					// 显示分页条
					$("#page_info").show();
				}
			}
		});
	}

	// 构建分页细节
	function build_pageInfo(pageInfo) {
		$("#pagination_overview").html(
			"当前第" + pageInfo.pageNumber + "页,"
			+ "共有" + pageInfo.totalPage
			+ "页,总计"
			+ pageInfo.totalRow + "条记录");
	}

	// 构建表格
	function build_table(page) {
		// 清空tbody
		$("#task_content").empty();
		// 遍历数据并累加
		$.each(page.list, function() {
			var titleTd = $("<td class='task-title'></td>").append(this.title);
			var statusTd = $("<td></td>").append(this.status);
			var createTimeTd = $("<td></td>").append(this.createTime);
			// 赋给tbody
			$("<tr></tr>").append(titleTd).append(statusTd).append(createTimeTd).appendTo("#task_content");
		});
	}

}();